import Vue from 'vue'
import Router from 'vue-router';
import LevelNav from '../components/LevelNav';
import VerticalNav from '../components/VerticalNav';
import HomeContent from '../components/home/HomeContent';
import HomeTitle from '../components/home/HomeTitle';
import NewsContent from '../components/news/NewsContent';
import NewsTitle from '../components/news/NewsTitle';

Vue.use(Router);

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/LevelNav',
      name: 'LevelNav',
      component: LevelNav
    },
    {
      path: '/VerticalNav',
      name: 'VerticalNav',
      component: VerticalNav,
      children: [
        {
          path: "home",
          name: 'home',
          components: {
            default: HomeContent,
            title: HomeTitle
          }
        },
        {
          path: "news",
          name: 'news',
          components: {
            default: NewsContent,
            title: NewsTitle
          }
        }
      ]
    }
  ]
})
